import { useState } from 'react'

// 子组件C
function C(params) {
	const { getCData } = params

	return (
		<>
			<h2>子组件C</h2>
			<button onClick={() => getCData('来自C组件的数据')}>点击</button>
		</>
	)
}

// 子组件B
function B(params) {
	return (
		<>
			<h2>子组件B</h2>
			<p>C组件传递的数据：{params.CData}</p>
		</>
	)
}

// 父组件
function A() {
	const [data, setData] = useState('')

	const getCData = (data) => {
		setData(data)
	}

	return (
		<>
			<h2>父组件A</h2>

			<hr />

			<B CData={data} />

			<hr />

			<C getCData={getCData} />
		</>
	)
}

export default A
